En una tabla también es posible incorporar los estilos y clases CSS, sin embargo hacerlo de forma tradicional no es eficiente, ya que una tabla al estar constituida por numerosos elementos internos sería necesario definir el estilo o una clase en cada uno, para simplificar esta tarea existen los elementos "col" y "colgroup", esto tiene la función de definir cuáles elementos tendrán qué estilos.
Su forma de uso consiste en el elemento "colgroup" actuando de contenedor del elemento "col", por otra parte el "col" actúa vinculando el estilo a una serie de celdas, "col" se define en base a la posición que tengan las celdas en sus respectivas filas, es decir:
Para las primeras celdas de las filas se utiliza un "col", para las segundas un segundo "col", otro para las terceras y así sucesivamente, si en algún momento quisiéramos que a alguna serie de celdas no se le aplique un estilo igualmente es necesario incluir su respectivo elemento "col" pero dejándolo vacío para de ese modo seguir llevando la correlatividad de las celdas, ya que de lo contrario se le aplicarían los estilos de otras a estas.
Un ejemplo de esto es:
El resultado de este código es el siguiente:
Nota: Se pueden usar los atributos colspan y rowspan en el elemento "col" perfectamente.
Si se quiere añadir el estilo a las dos tablas sería de la siguiente manera:
Nota: "span" también adopta un valor numérico sin decimales.
Nota: Si se diera el caso de querer dejar una columna vacía se puede usar el código de símbolo especial " ", este al ser interpretado muestra una celda vacía.
Nota: En la actualidad no es recomendable emplear tablas para estructurar la página web, esta es una vieja práctica que se utilizaba cuando CSS tenía mala compatibilidad con los navegadores, actualmente esto es completamente contraproducente ya que se obtiene un código más limpio, un contenido más semántico y mejores diseños con la implementación de CSS en la página, así como con el uso de los contenedores semánticos y no semánticos.